<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="Expires" content="0">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-control" content="no-cache">
  <meta http-equiv="Cache" content="no-cache">
  <link rel="icon" href="data:;base64,=">
  <title>vue 测试</title>
  </head>
  <style>
  *{margin:0 auto;padding:0;box-sizing:border-box;}
  html,body{position:absolute;width:100%;height:100%;min-width:1366px;min-height:768px;background: linear-gradient(skyblue,khaki);}
  /* 定义滚动条宽度 */::-webkit-scrollbar {width:4px;height:4px;}
  /*定义滚动条  轨道背景色+圆角*/::-webkit-scrollbar-track {border-radius: 2px;background-color: #555;}
  /*定义滚动条  滑块背景色+圆角*/::-webkit-scrollbar-thumb {border-radius: 2px;background-color: #C3C4C3;}
  /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  #app{
    position: relative;
    width:fit-content;
    height:fit-content;
    padding:40px;
    color:white;
    font-size:12px;
    background-color: rgba(0,0,0,.6);
    border-radius:4px;
  }
  #app div{
     margin-top:4px;
     padding:4px 0px;
     border-bottom:1px dashed black;
  }
  </style>
<body>
  
    <div id="app">
               <div>
                    <div v-for="(d,i) in list3" style="color:#E3A2F3">
                          嵌套循环 AAAA  {{d.txt}} + {{i}}
                            <div>
                                  <div v-for="(d ,i ) in d.list5" style="color:#FABE80;margin-left:30px;">
                                          {{d}}  ;  {{d}}  ; {{i}}
                                  </div>
                            </div>
                            <div>
                                  <div v-for="(d ,i ) in d.list5" style="color:#FABE80;margin-left:30px;">
                                          {{d}}  ;  {{i}}  ;
                                  </div>
                            </div>
                            <div>
                                  <div v-for="(d ,i ) in d.list5" style="color:#FABE80;margin-left:30px;">
                                          {{d}}  ;  {{i}}  ;
                                  </div>
                            </div>
                      </div> 
               </div>
                <div>
                    <div v-for="(d,i) in list3" style="color:#57E898">
                            嵌套循环 BBBB  {{d.txt}} + {{i}}
                            <div>
                                  <div v-for="(d ,i ) in d.list5" style="color:#FABE80;margin-left:30px;">
                                          测试 $_value ==  {{d}}  ;
                                  </div>
                            </div>
                      </div> 
              </div>
              <div e-base="base">
                        测试v-model 是否 在input上支持 function
              </div>
             
    </div>

</body>
</html>
<script src="../utils_eng/vue.min.js"></script>
<script>
var start=new Date().getTime();

app= new Vue({
    el:"#app",
    data:{
      txt:'测试值',
      list3:[
            {
                txt:'父循环A ',
                list5:['子循环a_1','子循环a_2']
            },
            // {
            //     txt:'父循环B ',
            //     // list5:['子循环b_1']
            // }
        ],
    },
    created(){
         console.log( '耗时  ===> ' + (new Date().getTime()-start)  );
    },
    methods:{
          getTxt(){
             return '  getTxt()qqqqq           '
          }
    },
});




</script>